iT邦幫忙

2024 iThome 鐵人賽

DAY 3
0
JavaScript

30天享用JavaScript概念三明治系列 第 3

Day3:變是唯一的不變=變數

  • 分享至 

  • xImage
  •  
  • 什麼是變數?(P2-2)

變數(variable)可說是JavaScript程式碼裡面的最小單位。
一個變數被產生(宣告)後就能被保存,並在後面其他程式中被重複使用。
var是JavaScript最早出現用來宣告變數的用法,但目前實際開發時常用的是constlet

  • 舉例,如何用JavaScript描述價錢是50元,如下圖。
    https://ithelp.ithome.com.tw/upload/images/20240804/20168361qffnIimvdy.png

  • =(等號)在JavaScript裡的意義跟數學的等號意思不同。
    數學的=是左右兩邊的值相等,而用在程式語言表示把右邊的值給左邊的變數。

  • 宣告變數需要符合的規則:
    只能用$、_、字母為開頭。
    大小寫有別,price跟Price會被視為兩個不同變數。
    不能用保留字,例如varconstletfunction都算。


  • 基於好奇varconstlet三者的差別,請教了ChatGPT,回答如下:

在JavaScript中,var、const、let 是用來聲明變數的關鍵字,它們有以下的差別

var:
在ES5及以前的JavaScript版本中使用。
使用var聲明的變數是函數作用域(function-scoped),而不是區塊作用域(block-scoped)。這意味著var聲明的變數在函數內部任何地方都是可見的。
如果在函數內部使用var聲明變數,則該變數的作用域是整個函數體,而不僅僅是聲明位置之後的代碼。

https://ithelp.ithome.com.tw/upload/images/20240804/20168361wMrOXi6DPD.png

let:
在ES6(ECMAScript 2015)引入,推薦使用let來替代var。
使用let聲明的變數是區塊作用域(block-scoped),這意味著變數僅在它們被聲明的區塊(如 { ... } 中)內部可見。
不能在同一作用域內重新聲明已經用let聲明的變數。

https://ithelp.ithome.com.tw/upload/images/20240804/20168361cV1MCNxn3g.png

const:
也是在ES6引入的,用來聲明常量。
常量在宣告後不能被重新賦值。
僅在宣告時必須給常量賦值,否則會產生語法錯誤。

https://ithelp.ithome.com.tw/upload/images/20240804/20168361DcPvTwHxrd.png

總結來說,推薦優先使用const來聲明不會重新賦值的變量,並在需要重新賦值的情況下才使用let。盡量避免使用var,因為它存在一些作用域方面的問題,可能會導致意外的行為。


上一篇
Day 2:如果JavaScript是人類=大概30歲了
下一篇
Day4:變數的相反詞=常數
系列文
30天享用JavaScript概念三明治30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言